@import 'base',"core/reset","core/btn",'core/font-face/font-face';

page{
  height: 100%;
}

/*container*/
.ga-container{
  background: $bg;
  min-height:100%;
  overflow: hidden;
}

/*左右浮动*/
.center{margin-left: auto; margin-right: auto}
.txt-center{text-align: center !important;}
.pull-left{display:inline;float: left;}
.pull-right{display:inline;float: right;}

/*清除浮动*/
.clear:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clear{zoom:1;}
.hide{display: none}
.gCell{
  @extend %flex;
}
.throughLine{
  text-decoration: line-through;
}

/*icon*/
@include font-icon('angle-right');
@include font-icon('angle-left');
@include font-icon('clock-o');
@include font-icon('caret-down');
@include font-icon('caret-up');
@include font-icon('map-marker');
@include font-icon('phone-square');
@include font-icon('phone');
@include font-icon('star');
.gaIcon{
  @extend %inline-block;
}

/*字体*/
.gOrange{
  color:$primary;
}
.gYellow{
  color:$yellow;
}
.gGray{
  color:$gray;
}
.gBlue{
  color:$blue;
}
.gGraylight{
  color:$grayLight;
}

.f18{
  font-size:18rpx;
}

.f22{
  font-size:22rpx;
}

.f24{
  font-size:24rpx;
}
.f26{
  font-size:26rpx !important;
}
.f28{
  font-size:28rpx;
}
.f30{
  font-size:30rpx;
}
.f36{
  font-size:36rpx;
}

.mt20{
  margin-top:20rpx;
}

.mt10{
  margin-top:10rpx;
}
.mt50{
  margin-top:50rpx;
}

.mr10{
  margin-right:10rpx;
}

.mr20{
  margin-right:20rpx;
}

/*btn*/
.btn{
  &.primary{
    @include default-btn();
  }

  &.orange{
    @include default-btn($orange);
    &:active{
      background: darken($orange,10%);
      @include box-shadow(2rpx 2rpx 4rpx 2rpx inset darken($orange,20%));
    }
  }

  &.white{
    @include default-btn(#fff,$primary,1px solid $primary)
  }
}

.btn-box{
  .btn{
    line-height:1.8;
    &.blue{
      @include default-btn($blue);
      font-size:32rpx;
    }

    &.blueDark{
      @include default-btn(#33aee5);
      font-size:32rpx;

      &.disable{
        background: #5ea6c7;
        color:#7ec7e8;
      }
    }

    &.gray{
      @include default-btn($gray);
      font-size:32rpx;
    }

    &.orange{
      @include default-btn($orange);
      font-size:32rpx;
    }

    &.white{
      @include default-btn(#fff,$gray);
      font-size:32rpx;
    }

  }
}

/*自定义全局公共样式*/
.img-box{
  overflow: hidden;
  text-align: center;

  .img{
    width:100%;
  }
}

.ga-bottom-fixed{
  @include wh(100%,98rpx,98rpx);
  position:relative;

  .bottom{
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    @include wh(100%,98rpx,98rpx);
    z-index: $zindexFixedTopbar;
  }
}

.ga-media-list{
  .item{
    @extend %flex;
    background: #fff;
    padding:25rpx 22rpx;

    @extend %active;
  }

  .item-media{

  }
  .item-inner{
    @include flex(1 1 auto);
    padding-left:30rpx;
    overflow: hidden;
    position: relative;

    .title{
      @extend %ellipsis-basic;
      font-size:28rpx;
    }
  }
}

.ga-cell{
  .item{
    padding:26rpx 22rpx;
    background: #fff;
    font-size:30rpx;
    border-bottom:1rpx solid $grayLighter;
    @extend %flex;
    @extend %active;

    &:last-child{
      border:none;
    }
  }
}

.ga-arrow-cell{
  .item{
    padding:26rpx 22rpx;
    background: #fff;
    font-size:26rpx;
    border-bottom:1rpx solid $grayLighter;
    @extend %flex;
    @extend %active;

    &:last-child{
      border:none;
    }

    i{
      font-size:35rpx;
      color:$grayLight;
    }
  }
}

.ga-side-bar{
  position: fixed;
  right:22rpx;
  bottom:120rpx;
  z-index: $zindexFixedTopbar;
  @include wh(80rpx,80rpx);
  @include border-radius(50%);

  &.top{
    background: url("../static/images/icon/top.png") no-repeat;
    background-size: 100% 100%;
  }

  &.home{
    bottom:240rpx;
    background: url("../static/images/icon/home.png") no-repeat;
    background-size: 100% 100%;
  }
}

.ga-input-group{
  @extend %flex;
  @include align-items(center);
  font-size:35rpx;
  background: #fff;

  &.border{
    border-bottom:1px solid $bg;
  }

  .input-group{
    @include flex(1 1 auto);
    input{
      width:100%;
      padding:25rpx;
      font-size:40rpx;
    }
  }
}

.ga-number{
  .gaIcon{
    @include wh(30rpx,30rpx,28rpx);
    @include border-radius(50%);
    border:1px solid $grayLighter;
    text-align: center;
    color:$primary;
  }
  .num{
    @extend %inline-block;
    text-align: center;
    @include wh(30,30rpx,28rpx);
    padding:0 10rpx;
  }
}

.ga-tab{
  background: #fff;
  .weui-navbar__item{
    &.weui-bar__item_on{
      color:$primary;
    }
  }

  .weui-navbar__slider{
    width:50%;
    background-color:$primary;
  }
}

.ga-mask {
  position: fixed;
  z-index: $zindexModal;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}

.ga-alert{
  z-index:1200;
  position: absolute;
  //width:50%;
  top:50%;
  left:50%;
  @include translate(-50%,-50%);
}

.ga-action-sheet {
  position: fixed;
  @include wh(100%, auto);
  background: #fff;
  left: 0;
  bottom: 0;
  z-index: $zindexModal;
  backface-visibility: hidden;
  @include translate(0, 100%);
  @include transition(transform .3s);

  &.active {
    @include translate(0, 0)
  }
}

.weui-rate-wrap{
  @include display-flex;
  .tit{
    margin-right:20rpx;
    text-indent: 2em;
  }
  .weui-rate{
    .weui-rate-item{
      float: left;
      margin-right:20rpx;

      &.weui-rate-item-active{
        .icon-star{
          color:$primary;
        }
      }
    }
  }
}
